<template>
  <div class="header">
    <!-- <img src="~@/assets/imgs/slogn.png" alt="logo" /> -->
    <el-image
      style=" height: 270px;"
      v-if="details.banner"
      :src="IMGURL + details.banner"
      fit="cover"
    ></el-image>
    <!-- style="width:100%;height:560px;" -->
  </div>
</template>

<script>
let IMGURL = process.env.VUE_APP_BASR_IMG_URL
export default {
  data() {
    return {
      details: {},
      IMGURL,
    }
  },
  async mounted() {
    let res = await this.api.findDownloadFile({ customizeId: 2 })
    this.details = res
  },
}
</script>

<style lang="less" scoped>
.header {
  width: 100%;
  height: 270px;
  .flex-al;
  .al-c;
  background-size: cover;
  .j-c;
  img {
    width: 80%;
  }
}
</style>
